<template>
    <footer class="footer">
        <div class="footer_wrapper">
            <div class="wrapper_top">
                <div class="logo">
                    <img v-lazy="l1" alt="">
                </div>
                <div class="footer_inner">
                    <div class="inner_item">
                        <p class="title">CONNECT</p>
                        <p class="text">service@anyxcapital.com</p>
                    </div>
                    <div class="inner_item">
                        <p class="title">CORPORATE</p>
                        <p class="text">免責聲明</p>
                        <p class="text">風險聲明</p>
                    </div>
                </div>
            </div>
            <div class="code_text">
                © 2025, Autonomy Capital CAPITAL LIMITED.
            </div>
        </div>
    </footer>
</template>
  
<script setup>
import { useI18n } from 'vue-i18n';  // 从 vue-i18n 导入 useI18n
import l1 from '@/assets/logo-h@2x.png'
const { t, locale } = useI18n();

</script>
  
<style scoped lang="less">
.footer {
    width: 100%;
    min-width: 1200px;
    background-color: #23252b;

    .footer_wrapper {
        width: 1200px;
        margin: 0 auto;

        .wrapper_top {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-top: 40px;
            padding-bottom: 20px;
            box-sizing: border-box;

            .logo {
                width: 218px;
                height: 60px;

                img {
                    width: 100%;
                    height: 100%;
                }
            }

            .footer_inner {
                display: flex;

                .inner_item {
                    margin-left: 100px;
                    color: #fff;

                    .title {
                        margin-bottom: 10px;
                        font-size: 18px;
                    }

                    .text {
                        margin-bottom: 5px;
                        font-size: 15px;
                    }
                }

                .inner_item:first-child {
                    margin-left: 0px;
                }
            }
        }

        .code_text {
            padding-top: 5px;
            padding-bottom: 20px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #fff;
            font-weight: 700;
        }
    }
}
</style>
  